<template>
	<view class="page">
		<view class="pageBg">
			<image src="https://bjsx.gzwhir.com/admin-api/infra/file/18/get/memberbg2.png" mode="aspectFill"></image>
		</view>
		<view class="flex0">
			<u-navbar :fixed='false'  bgColor="transparent" @leftClick="navBack"  :title="info.title">
				<view slot="center" class="navTitle">
					{{info.title||info.bizName}}
				</view>
			</u-navbar>
		</view>
		<view class="flex1">
			<scroll-view scroll-y="true" class="scrollView pt30">
				<view class="pd30">
					<view class="noticeDetail" v-if="info.bizId">
						<view class="tit" v-if="info.subTitle">
							{{info.subTitle}}
						</view>
						<view class="content" style=" white-space: pre-line">
							{{info.content || info.bizContent}}
							<!-- <rich-text :nodes="info.content || info.bizContent"></rich-text> -->
						</view>
					</view>
				</view>
			</scroll-view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show:false,
				itemid:'',
				taskId:'',
				info:{}
			}
		},
		methods: {
			
			getInfo() {
				var that = this;
				if (that.itemid) {
			
					this.$api.crisisTaskInfo({
						id: that.taskId,
						methodType: 'get'
					}, res => {
						if (res.code == 200) {
							this.info = res.data
						}
					})
			
				}
			}
		},
		onLoad(e){
			
			if (e.id) {
				this.itemid = e.id
				this.taskId = e.taskId
				this.getInfo();
			}
		}
	}
</script>

<style lang="scss" scoped>
	.noticeDetail{
		padding: 50rpx 30rpx;
		background: #fff;
		border-radius: 30rpx;
		.tit{
			font-size: 36rpx;
			color: #65554d;
			margin-bottom: 30rpx;
			text-align: center;
			font-weight: bold;
		}
		.content{
			line-height: 1.7;
			font-size: 28rpx;
			color: #65554d;
		}
	}
</style>
